<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery1.7.1.js"></script>
    <script type="text/javascript" src="my.js"></script>
    <style type="text/css">
        .high-line {
            cursor: pointer;
            stroke: #ffd123;
            stroke-width: 3px;
            animation: rot 5s linear 1;
            stroke-dasharray: 0 400;
            stroke-dashoffset: 400;
            animation-fill-mode: forwards;
            transition: all 2s;
        }

        @keyframes rot {
            100% {
                stroke-dasharray: 400 0;
            }
        }
        .aaa{
            position: absolute;
            left: 100px;
        }

    </style>
</head>
<body>
<svg width="1092" height="806" id="map" style="background:url(highb2.png) no-repeat; background-size:100% 100%;" onclick="func(evt)">
    <g id="highmap"></g>
</svg>
</body>
</html>